<!DOCTYPE html>
<html style="background:#fff">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />		
	<meta content="yes" name="apple-mobile-web-app-capable"> 
	<meta content="yes" name="apple-touch-fullscreen"> 
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<meta charset="UTF-8">
	<title>我的</title>
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
	<link href="css/mui.min.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="css/mui.min.css">
	<script type="text/javascript" src="js/flexible.js"></script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<style type="text/css">
		.con{
			width: 8.76rem;
			height: 2.053rem;
			margin: 0 0.627rem;
			color: #238bfb;
			font-size: 0.426rem;
			text-align: center;
			line-height: 2.053rem;
			top: 3rem;
			position: absolute;
			background-color: #fff;
			border-radius: 0.266rem;
			box-shadow: 0 0.0267rem 0.04rem #dedede;
			left: 50%;
			margin-left: -4.38rem;
		}
		.index-ins{
			width: 8.4rem;
			margin: 0 auto;
			margin-top: 1.5rem;
			padding-bottom: 0.133rem;
			text-align: center;
		}
		.index-ins li{
			float: left;
			width: 2.1rem;
		}
		.index-ins img{
			display: block;
			width: 1.253rem;
			height: 1.333rem;
			margin: 0 auto;
		}
		.index-ins p{
			margin-top: 0.2667rem;
		}
		.bm{
			width: 50%;
			float: left;
			height: 100%;
		}
		.bm li{
			height: 50%;
			line-height: 1.026rem;
		}
	</style>

</head>
<body style="background:none;">
	<div style="background:url(images/bac1.png) no-repeat ;background-size: 100% 100%">
		<div class="my-head">
			<img src="images/my-head.jpg" class="fl img-head" alt=""/>
			<div class="my-head-right fl">
				<h2 class="loginH2">未登录</h2>
				<a  class="loginA" href="login.html">点击登录</a>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="con">
		<div  class="bm">
			<ul style="height: 100%">
				<li style="color: #9d9d9d">0</li>
				<li><a href="my-apply.html" style="color: #238bfb;">我的报名</a></li>
			</ul>
		</div>
		<div class="bm">
			<ul style="height: 100%">
				<li style="color: #9d9d9d">0</li>
				<li><a style="border-bottom:none;color: #238bfb;" href="my-collection.html">我的收藏</a></li>
			</ul>
		</div>

	</div>
	<div>
		<ul class="index-ins">
			<li>
				<a href="nameId.html">
					<img src="images/ins.png" alt=""/>
					<p style="color: #fc5b7e">实名认证</p>
				</a>
			</li>
			<li>
				<a href="lecturer.html">
					<img src="images/tea.png" alt=""/>
					<p style="color: #fd9106">讲师认证</p>
				</a>
			</li>
			<li>
				<a href="mechanism_rz.html">
					<img src="images/rea.png" alt=""/>
					<p style="color: #47b1fa">机构认证</p>
				</a>
			</li>
			<li>
				<a href="School.html">
					<img src="images/sch.png" alt=""/>
					<p style="color: #44ac76">学校认证</p>
				</a>
			</li>
			<div class="clear"></div>
		</ul>
	</div>
	<ul class="my-list">
		<li style="border-top:0.267rem solid #fff"><a href="my-activity.html"><span>我的活动</span></a></li>
		<!--<li><a href="my-volunteer.html" ><span>我的志愿者</span></a></li>-->
		<!--<li ><a href=""><span>邀请记录</span></a></li>-->
		<li><a href="aboutUs.html"><span>联系我们</span></a></li>
	</ul>
	<nav id="nav">
		<a href="index.html">
				<div class="nav-a">
					<img src="images/home.png" alt=""/>
				</div>
			</a>	
			<a href="Propaganda.html">
				<div class="nav-a">
					<img src="images/n22.png" alt=""/>
				</div>
			</a>	
			<a href="activity.html">
				<div class="nav-a">
					<img src="images/h11.png" alt=""/>
				</div>
			</a>	
			<a href="my.html">
				<div class="nav-a">
					<img src="images/m1.png" alt=""/>
				</div>
			</a>	
	</nav>			
</body>
<script>
	$(document).ready(function () {
		let json = JSON.parse(sessionStorage.getItem("user"));
		if (json){
			console.log($(".loginH2"));
			$(".loginH2")[0].innerHTML=json.userName;
			$(".loginA")[0].innerHTML="注销登录";
			$(".img-head").attr("src",json.img);
		}
	})
</script>
<!--<script type="text/javascript" src="js/vue.js"></script>-->
<!--<script type="text/javascript" src="js/swiper.jquery.min.js"></script>-->
</html>
